<!DOCTYPE HTML>
<html lang="en" >
    
    <head>
        
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>自定义 Cell | 新浪微博开发笔记</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="description" content="">
        <meta name="generator" content="GitBook 2.1.0">
        
        
        <meta name="HandheldFriendly" content="true"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../gitbook/images/apple-touch-icon-precomposed-152.png">
        <link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">
        
    <link rel="stylesheet" href="../gitbook/style.css">
    
    

        
    
    
    <link rel="next" href="../homepage/prepare for pictureview.html" />
    
    
    <link rel="prev" href="../homepage/status view model.html" />
    

        
    </head>
    <body>
        
        
    <div class="book" data-level="0.8.5" data-basepath=".." data-revision="Wed Oct 14 2015 07:05:46 GMT+0800 (CST)">
    

<div class="book-summary">
    <div class="book-search">
        <input type="text" placeholder="Type to search" class="form-control" />
    </div>
    <ul class="summary">
        
        
        
        

        

        
    
        <li class="chapter " data-level="0" data-path="index.html">
            
                
                    <a href="../index.html">
                        <i class="fa fa-check"></i>
                        
                        新浪微博笔记
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.1" data-path="project init/prepare project.html">
            
                
                    <a href="../project init/prepare project.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.</b>
                        
                        准备工作
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.1.1" data-path="project init/project deploy.html">
            
                
                    <a href="../project init/project deploy.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.1.</b>
                        
                        项目部署
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.1.2" data-path="project init/project settings.html">
            
                
                    <a href="../project init/project settings.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.2.</b>
                        
                        项目设置
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.1.3" data-path="project init/confirm architecture.html">
            
                
                    <a href="../project init/confirm architecture.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.3.</b>
                        
                        架构确定
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.1.4" data-path="project init/mvvm.html">
            
                
                    <a href="../project init/mvvm.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.4.</b>
                        
                        MVVM
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.2" data-path="create project/readme.html">
            
                
                    <a href="../create project/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.</b>
                        
                        项目搭建
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.2.1" data-path="create project/create files.html">
            
                
                    <a href="../create project/create files.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.1.</b>
                        
                        创建文件
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.2.2" data-path="create project/add child controllers.html">
            
                
                    <a href="../create project/add child controllers.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.2.</b>
                        
                        添加子控制器
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.2.3" data-path="create project/custom main tabbar.html">
            
                
                    <a href="../create project/custom main tabbar.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.3.</b>
                        
                        自定义 TabBar
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.2.4" data-path="create project/summary.html">
            
                
                    <a href="../create project/summary.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.4.</b>
                        
                        阶段性小结
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.3" data-path="visitor/readme.html">
            
                
                    <a href="../visitor/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.</b>
                        
                        访客视图
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.3.1" data-path="visitor/base table view controller.html">
            
                
                    <a href="../visitor/base table view controller.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.1.</b>
                        
                        表格视图控制器基类
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.3.2" data-path="visitor/visitor login view.html">
            
                
                    <a href="../visitor/visitor login view.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.2.</b>
                        
                        用户登录视图
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.3.3" data-path="visitor/setup login info.html">
            
                
                    <a href="../visitor/setup login info.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.3.</b>
                        
                        设置未登录信息
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.3.4" data-path="visitor/home animation.html">
            
                
                    <a href="../visitor/home animation.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.4.</b>
                        
                        首页动画
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.3.5" data-path="visitor/login buttons delegate.html">
            
                
                    <a href="../visitor/login buttons delegate.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.5.</b>
                        
                        登录&amp;注册代理回调
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.3.6" data-path="visitor/appearance.html">
            
                
                    <a href="../visitor/appearance.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.6.</b>
                        
                        导航栏全局外观
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.4" data-path="frameworks/readme.html">
            
                
                    <a href="../frameworks/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.4.</b>
                        
                        第三方框架
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.4.1" data-path="frameworks/afnetworking.html">
            
                
                    <a href="../frameworks/afnetworking.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.4.1.</b>
                        
                        AFNetworking
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.4.2" data-path="frameworks/svprogresshud sdwebimage.html">
            
                
                    <a href="../frameworks/svprogresshud sdwebimage.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.4.2.</b>
                        
                        SVProgressHUD 和 SDWebImage
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.4.3" data-path="frameworks/snapkit.html">
            
                
                    <a href="../frameworks/snapkit.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.4.3.</b>
                        
                        SnapKit
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.5" data-path="oauth/readme.html">
            
                
                    <a href="../oauth/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.5.</b>
                        
                        OAuth
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.5.1" data-path="oauth/register app.html">
            
                
                    <a href="../oauth/register app.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.5.1.</b>
                        
                        注册应用程序
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.5.2" data-path="oauth/load oauth page.html">
            
                
                    <a href="../oauth/load oauth page.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.5.2.</b>
                        
                        加载授权页面
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.6" data-path="access token/readme.html">
            
                
                    <a href="../access token/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.</b>
                        
                        Access Token
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.6.1" data-path="access token/load access token.html">
            
                
                    <a href="../access token/load access token.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.1.</b>
                        
                        加载 AccessToken
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.6.2" data-path="access token/user account.html">
            
                
                    <a href="../access token/user account.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.2.</b>
                        
                        用户账户模型
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.6.3" data-path="access token/expires date.html">
            
                
                    <a href="../access token/expires date.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.3.</b>
                        
                        过期日期
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.6.4" data-path="access token/load user info.html">
            
                
                    <a href="../access token/load user info.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.4.</b>
                        
                        加载用户信息
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.6.5" data-path="access token/archive user account.html">
            
                
                    <a href="../access token/archive user account.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.5.</b>
                        
                        归档 &amp; 解档
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.6.6" data-path="access token/view model.html">
            
                
                    <a href="../access token/view model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.6.</b>
                        
                        视图模型
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.6.7" data-path="access token/error enum.html">
            
                
                    <a href="../access token/error enum.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.7.</b>
                        
                        自定义错误枚举
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.7" data-path="newfeature/index.html">
            
                
                    <a href="../newfeature/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.7.</b>
                        
                        新特性和欢迎界面
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.7.1" data-path="newfeature/newfeature.html">
            
                
                    <a href="../newfeature/newfeature.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.7.1.</b>
                        
                        新特性
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.7.2" data-path="newfeature/welcome.html">
            
                
                    <a href="../newfeature/welcome.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.7.2.</b>
                        
                        欢迎界面
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.7.3" data-path="newfeature/switch vc.html">
            
                
                    <a href="../newfeature/switch vc.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.7.3.</b>
                        
                        切换界面
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.8" data-path="homepage/index.html">
            
                
                    <a href="../homepage/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.</b>
                        
                        首页布局
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.8.1" data-path="homepage/status model.html">
            
                
                    <a href="../homepage/status model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.1.</b>
                        
                        微博数据模型
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.2" data-path="homepage/tableview show data.html">
            
                
                    <a href="../homepage/tableview show data.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.2.</b>
                        
                        显示表格数据
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.3" data-path="homepage/user model.html">
            
                
                    <a href="../homepage/user model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.3.</b>
                        
                        用户模型
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.4" data-path="homepage/status view model.html">
            
                
                    <a href="../homepage/status view model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.4.</b>
                        
                        微博视图模型
                    </a>
                
            
            
        </li>
    
        <li class="chapter active" data-level="0.8.5" data-path="homepage/custom cell.html">
            
                
                    <a href="../homepage/custom cell.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.5.</b>
                        
                        自定义 Cell
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.6" data-path="homepage/prepare for pictureview.html">
            
                
                    <a href="../homepage/prepare for pictureview.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.6.</b>
                        
                        配图视图准备
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.7" data-path="homepage/picture view.html">
            
                
                    <a href="../homepage/picture view.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.7.</b>
                        
                        配图视图
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.8" data-path="homepage/retweeted_status.html">
            
                
                    <a href="../homepage/retweeted_status.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.8.</b>
                        
                        转发微博
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.9" data-path="homepage/single picture.html">
            
                
                    <a href="../homepage/single picture.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.9.</b>
                        
                        单张图片比例
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.9" data-path="refresh/index.html">
            
                
                    <a href="../refresh/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.9.</b>
                        
                        刷新
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.9.1" data-path="refresh/pullup view.html">
            
                
                    <a href="../refresh/pullup view.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.9.1.</b>
                        
                        上拉刷新控件
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.9.2" data-path="refresh/refresh data.html">
            
                
                    <a href="../refresh/refresh data.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.9.2.</b>
                        
                        刷新数据
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.9.3" data-path="refresh/pulldown tips.html">
            
                
                    <a href="../refresh/pulldown tips.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.9.3.</b>
                        
                        下拉刷新提示
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.10" data-path="compose/index.html">
            
                
                    <a href="../compose/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.10.</b>
                        
                        发布微博
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.10.1" data-path="compose/setup ui.html">
            
                
                    <a href="../compose/setup ui.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.10.1.</b>
                        
                        搭建界面
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.10.2" data-path="compose/select picture.html">
            
                
                    <a href="../compose/select picture.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.10.2.</b>
                        
                        选择照片
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.10.3" data-path="compose/post status.html">
            
                
                    <a href="../compose/post status.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.10.3.</b>
                        
                        发布微博
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.11" data-path="emoticon/index.html">
            
                
                    <a href="../emoticon/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.</b>
                        
                        表情键盘
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.11.1" data-path="emoticon/prepare ui.html">
            
                
                    <a href="../emoticon/prepare ui.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.1.</b>
                        
                        准备界面
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.2" data-path="emoticon/load bundle data.html">
            
                
                    <a href="../emoticon/load bundle data.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.2.</b>
                        
                        加载模型数据
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.3" data-path="emoticon/show emoticon.html">
            
                
                    <a href="../emoticon/show emoticon.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.3.</b>
                        
                        显示表情符号
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.4" data-path="emoticon/upgrade model.html">
            
                
                    <a href="../emoticon/upgrade model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.4.</b>
                        
                        提升数据模型
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.5" data-path="emoticon/selected emoticon.html">
            
                
                    <a href="../emoticon/selected emoticon.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.5.</b>
                        
                        选中表情事件
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.6" data-path="emoticon/attribute text.html">
            
                
                    <a href="../emoticon/attribute text.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.6.</b>
                        
                        属性文本
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.7" data-path="emoticon/merge_emoticon.html">
            
                
                    <a href="../emoticon/merge_emoticon.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.7.</b>
                        
                        整合到新浪微博
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.8" data-path="emoticon/favorite emoticon.html">
            
                
                    <a href="../emoticon/favorite emoticon.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.8.</b>
                        
                        内存表情排序
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.12" data-path="sqlite/index.html">
            
                
                    <a href="../sqlite/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.12.</b>
                        
                        数据缓存
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.12.1" data-path="sqlite/data model.html">
            
                
                    <a href="../sqlite/data model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.12.1.</b>
                        
                        数据模型设计
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.12.2" data-path="sqlite/statusdal.html">
            
                
                    <a href="../sqlite/statusdal.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.12.2.</b>
                        
                        数据访问层
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.12.3" data-path="sqlite/clean cache.html">
            
                
                    <a href="../sqlite/clean cache.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.12.3.</b>
                        
                        清理数据缓存
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.13" data-path="ending/index.html">
            
                
                    <a href="../ending/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.13.</b>
                        
                        微博收尾
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.13.1" data-path="ending/status create at.html">
            
                
                    <a href="../ending/status create at.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.13.1.</b>
                        
                        微博时间
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.13.2" data-path="ending/regex.html">
            
                
                    <a href="../ending/regex.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.13.2.</b>
                        
                        正则表达式
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.13.3" data-path="ending/emoticon string.html">
            
                
                    <a href="../ending/emoticon string.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.13.3.</b>
                        
                        表情字符串
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.13.4" data-path="ending/fflabel.html">
            
                
                    <a href="../ending/fflabel.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.13.4.</b>
                        
                        FFLabel
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.13.5" data-path="ending/textkit.html">
            
                
                    <a href="../ending/textkit.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.13.5.</b>
                        
                        TextKit
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.14" data-path="appendix/readme.html">
            
                
                    <a href="../appendix/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.14.</b>
                        
                        附录
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.14.1" data-path="appendix/image assets.html">
            
                
                    <a href="../appendix/image assets.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.14.1.</b>
                        
                        图片素材
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.14.2" data-path="appendix/cocoa pod.html">
            
                
                    <a href="../appendix/cocoa pod.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.14.2.</b>
                        
                        cocoa pod
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.14.3" data-path="appendix/singleton.html">
            
                
                    <a href="../appendix/singleton.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.14.3.</b>
                        
                        单例
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.14.4" data-path="appendix/swift_vs_oc.html">
            
                
                    <a href="../appendix/swift_vs_oc.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.14.4.</b>
                        
                        为什么要学习 Swift
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.14.5" data-path="appendix/emoji.html">
            
                
                    <a href="../appendix/emoji.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.14.5.</b>
                        
                        emoji
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    

            </ul>
            
        </li>
    


        
        <li class="divider"></li>
        <li>
            <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
                Published with GitBook
            </a>
        </li>
        
    </ul>
</div>

    <div class="book-body">
        <div class="body-inner">
            <div class="book-header">
    <!-- Actions Left -->
    <a href="#" class="btn pull-left toggle-summary" aria-label="Table of Contents"><i class="fa fa-align-justify"></i></a>
    <a href="#" class="btn pull-left toggle-search" aria-label="Search"><i class="fa fa-search"></i></a>
    
    <div id="font-settings-wrapper" class="dropdown pull-left">
        <a href="#" class="btn toggle-dropdown" aria-label="Font Settings"><i class="fa fa-font"></i>
        </a>
        <div class="dropdown-menu font-settings">
    <div class="dropdown-caret">
        <span class="caret-outer"></span>
        <span class="caret-inner"></span>
    </div>

    <div class="buttons">
        <button type="button" id="reduce-font-size" class="button size-2">A</button>
        <button type="button" id="enlarge-font-size" class="button size-2">A</button>
    </div>

    <div class="buttons font-family-list">
        <button type="button" data-font="0" class="button">Serif</button>
        <button type="button" data-font="1" class="button">Sans</button>
    </div>

    <div class="buttons color-theme-list">
        <button type="button" id="color-theme-preview-0" class="button size-3" data-theme="0">White</button>
        <button type="button" id="color-theme-preview-1" class="button size-3" data-theme="1">Sepia</button>
        <button type="button" id="color-theme-preview-2" class="button size-3" data-theme="2">Night</button>
    </div>
</div>

    </div>

    <!-- Actions Right -->
    
    <div class="dropdown pull-right">
        <a href="#" class="btn toggle-dropdown" aria-label="Share"><i class="fa fa-share-alt"></i>
        </a>
        <div class="dropdown-menu font-settings dropdown-left">
            <div class="dropdown-caret">
                <span class="caret-outer"></span>
                <span class="caret-inner"></span>
            </div>
            <div class="buttons">
                <button type="button" data-sharing="twitter" class="button">
                    Share on Twitter
                </button>
                <button type="button" data-sharing="google-plus" class="button">
                    Share on Google
                </button>
                <button type="button" data-sharing="facebook" class="button">
                    Share on Facebook
                </button>
                <button type="button" data-sharing="weibo" class="button">
                    Share on Weibo
                </button>
                <button type="button" data-sharing="instapaper" class="button">
                    Share on Instapaper
                </button>
            </div>
        </div>
    </div>
    

    
    <a href="#" target="_blank" class="btn pull-right google-plus-sharing-link sharing-link" data-sharing="google-plus" aria-label="Google"><i class="fa fa-google-plus"></i></a>
    
    
    <a href="#" target="_blank" class="btn pull-right facebook-sharing-link sharing-link" data-sharing="facebook" aria-label="Facebook"><i class="fa fa-facebook"></i></a>
    
    
    <a href="#" target="_blank" class="btn pull-right twitter-sharing-link sharing-link" data-sharing="twitter" aria-label="Twitter"><i class="fa fa-twitter"></i></a>
    
    
    


    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href="../" >新浪微博开发笔记</a>
    </h1>
</div>

            <div class="page-wrapper" tabindex="-1">
                <div class="page-inner">
                
                
                    <section class="normal" id="section-">
                    
                        <h1 id="%E8%87%AA%E5%AE%9A%E4%B9%89-cell">&#x81EA;&#x5B9A;&#x4E49; cell</h1>
<h2 id="%E7%9B%AE%E6%A0%87">&#x76EE;&#x6807;</h2>
<ul>
<li>&#x81EA;&#x5B9A;&#x4E49;&#x6587;&#x5B57;&#x5FAE;&#x535A; Cell</li>
<li>&#x5229;&#x7528;&#x591A;&#x4E2A;&#x5B50;&#x89C6;&#x56FE;&#x7EC4;&#x5EFA;&#x5FAE;&#x535A; Cell</li>
<li>&#x52A8;&#x6001;&#x8BA1;&#x7B97;&#x884C;&#x9AD8;</li>
</ul>
<h2 id="%E5%8D%95%E5%85%83%E6%A0%BC%E5%88%86%E6%9E%90">&#x5355;&#x5143;&#x683C;&#x5206;&#x6790;</h2>
<p>&#x5FAE;&#x535A;&#x7684;&#x5355;&#x5143;&#x683C;&#x5305;&#x542B;&#x4EE5;&#x4E0B; <code>6</code> &#x79CD;&#x7C7B;&#x578B;&#xFF1A;</p>
<ul>
<li>&#x539F;&#x521B;&#x5FAE;&#x535A;&#x65E0;&#x56FE;</li>
<li>&#x539F;&#x521B;&#x5FAE;&#x535A;&#x5355;&#x56FE;</li>
<li>&#x539F;&#x521B;&#x5FAE;&#x535A;&#x591A;&#x56FE;</li>
<li>&#x8F6C;&#x53D1;&#x5FAE;&#x535A;&#x65E0;&#x56FE;</li>
<li>&#x8F6C;&#x53D1;&#x5FAE;&#x535A;&#x5355;&#x56FE;</li>
<li>&#x8F6C;&#x53D1;&#x5FAE;&#x535A;&#x591A;&#x56FE;</li>
</ul>
<blockquote>
<p>&#x81EA;&#x5B9A;&#x4E49; Cell &#x4E2D;&#x9700;&#x8981;&#x6CE8;&#x610F;&#x7684;</p>
</blockquote>
<ul>
<li>&#x5355;&#x56FE;&#x4F1A;&#x6309;&#x7167;&#x56FE;&#x7247;&#x7B49;&#x6BD4;&#x4F8B;&#x663E;&#x793A;</li>
<li>&#x591A;&#x56FE;&#x7684;&#x56FE;&#x7247;&#x5927;&#x5C0F;&#x56FA;&#x5B9A;</li>
<li>&#x591A;&#x56FE;&#x5982;&#x679C;&#x662F;4&#x5F20;&#xFF0C;&#x4F1A;&#x6309;&#x7167; <code>2 * 2</code> &#x663E;&#x793A;</li>
<li>&#x591A;&#x56FE;&#x5176;&#x4ED6;&#x6570;&#x91CF;&#xFF0C;&#x6309;&#x7167; <code>3 * 3</code> &#x4E5D;&#x5BAB;&#x683C;&#x663E;&#x793A;</li>
</ul>
<h2 id="%E4%BB%A3%E7%A0%81%E5%AE%9E%E7%8E%B0">&#x4EE3;&#x7801;&#x5B9E;&#x73B0;</h2>
<h3 id="%E8%87%AA%E5%AE%9A%E4%B9%89-cell">&#x81EA;&#x5B9A;&#x4E49; Cell</h3>
<ul>
<li>&#x5EFA;&#x7ACB; <code>StatusCell</code> &#x81EA;&#x5B9A;&#x4E49; <code>Cell</code></li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x5FAE;&#x535A; Cell</span>
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">StatusCell</span>: <span class="hljs-title">UITableViewCell</span> </span>{

    <span class="hljs-comment">// MARK: - &#x642D;&#x5EFA;&#x754C;&#x9762;</span>
    <span class="hljs-comment">/// &#x6307;&#x5B9A;&#x6784;&#x9020;&#x51FD;&#x6570;</span>
    <span class="hljs-keyword">override</span> <span class="hljs-keyword">init</span>(style: <span class="hljs-type">UITableViewCellStyle</span>, reuseIdentifier: <span class="hljs-type">String</span>?) {
        <span class="hljs-keyword">super</span>.<span class="hljs-keyword">init</span>(style: style, reuseIdentifier: reuseIdentifier)

        setupUI()
    }

    required <span class="hljs-keyword">init</span>?(coder aDecoder: <span class="hljs-type">NSCoder</span>) {
        fatalError(<span class="hljs-string">&quot;init(coder:) has not been implemented&quot;</span>)
    }

    <span class="hljs-comment">/// &#x8BBE;&#x7F6E;&#x754C;&#x9762;</span>
    private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">setupUI</span><span class="hljs-params">()</span> </span>{

    }
}
</code></pre>
<ul>
<li>&#x589E;&#x52A0;&#x89C6;&#x56FE;&#x6A21;&#x578B;&#x5C5E;&#x6027;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x5FAE;&#x535A;&#x89C6;&#x56FE;&#x6A21;&#x578B;</span>
<span class="hljs-keyword">var</span> viewModel: <span class="hljs-type">StatusViewModel</span>? {
    <span class="hljs-keyword">didSet</span> {

    }
}
</code></pre>
<ul>
<li>&#x4FEE;&#x6539; <code>HomeTableViewController</code> &#x7684;&#x6CE8;&#x518C; Cell</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x51C6;&#x5907;&#x8868;&#x683C;</span>
private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">prepareTableView</span><span class="hljs-params">()</span> </span>{
    tableView.registerClass(<span class="hljs-type">StatusCell</span>.<span class="hljs-keyword">self</span>, forCellReuseIdentifier: <span class="hljs-type">WBStatusNormalCellID</span>)
    tableView.rowHeight = <span class="hljs-number">100</span>
}
</code></pre>
<ul>
<li>&#x4FEE;&#x6539; <code>HomeTableViewController</code> &#x7684;&#x6570;&#x636E;&#x6E90;&#x65B9;&#x6CD5;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-keyword">override</span> <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">tableView</span><span class="hljs-params">(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath)</span> -&gt; <span class="hljs-title">UITableViewCell</span> </span>{
    <span class="hljs-keyword">let</span> cell = tableView.dequeueReusableCellWithIdentifier(<span class="hljs-type">WBStatusNormalCellID</span>, forIndexPath: indexPath) <span class="hljs-keyword">as</span>! <span class="hljs-type">StatusCell</span>

    cell.viewModel = viewModel.statuses[indexPath.row]

    <span class="hljs-keyword">return</span> cell
}
</code></pre>
<h3 id="%E6%B7%BB%E5%8A%A0%E5%AD%90%E8%A7%86%E5%9B%BE">&#x6DFB;&#x52A0;&#x5B50;&#x89C6;&#x56FE;</h3>
<ul>
<li><p>&#x81EA;&#x5B9A;&#x4E49;&#x9876;&#x90E8;&#x548C;&#x5E95;&#x90E8;&#x89C6;&#x56FE;</p>
<ul>
<li><code>StatusCellTopView</code></li>
<li><code>StatusCellBottomView</code></li>
</ul>
</li>
<li><p>&#x5B9A;&#x4E49;&#x61D2;&#x52A0;&#x8F7D;&#x63A7;&#x4EF6;</p>
</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// MARK: - &#x61D2;&#x52A0;&#x8F7D;&#x63A7;&#x4EF6;</span>
<span class="hljs-comment">/// &#x9876;&#x90E8;&#x89C6;&#x56FE;</span>
private lazy <span class="hljs-keyword">var</span> topView: <span class="hljs-type">StatusCellTopView</span> = <span class="hljs-type">StatusCellTopView</span>()
<span class="hljs-comment">/// &#x5FAE;&#x535A;&#x6587;&#x5B57;</span>
private lazy <span class="hljs-keyword">var</span> contentLabel: <span class="hljs-type">UILabel</span> = <span class="hljs-type">UILabel</span>(title: <span class="hljs-string">&quot;&#x5FAE;&#x535A;&#x6587;&#x5B57;&quot;</span>, color: <span class="hljs-type">UIColor</span>.darkGrayColor(), fontSize: <span class="hljs-number">15</span>)
<span class="hljs-comment">/// &#x5E95;&#x90E8;&#x89C6;&#x56FE;</span>
private lazy <span class="hljs-keyword">var</span> bottomView: <span class="hljs-type">StatusCellBottomView</span> = <span class="hljs-type">StatusCellBottomView</span>()
</code></pre>
<ul>
<li>&#x6DFB;&#x52A0;&#x9876;&#x90E8;&#x89C6;&#x56FE;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x8BBE;&#x7F6E;&#x754C;&#x9762;</span>
private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">setupUI</span><span class="hljs-params">()</span> </span>{
    <span class="hljs-comment">// 0. &#x8BBE;&#x7F6E;&#x80CC;&#x666F;&#x989C;&#x8272;</span>
    backgroundColor = <span class="hljs-type">UIColor</span>.whiteColor()

    <span class="hljs-comment">// 1. &#x6DFB;&#x52A0;&#x63A7;&#x4EF6;</span>
    contentView.addSubview(topView)

    <span class="hljs-comment">// 2. &#x81EA;&#x52A8;&#x5E03;&#x5C40;</span>
    topView.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
        make.top.equalTo(contentView.snp_top)
        make.<span class="hljs-keyword">left</span>.equalTo(contentView.snp_left)
        make.<span class="hljs-keyword">right</span>.equalTo(contentView.snp_right)
        make.height.equalTo(<span class="hljs-number">50</span>)
    }
}
</code></pre>
<h3 id="%E9%A1%B6%E9%83%A8%E8%A7%86%E5%9B%BE%E5%B8%83%E5%B1%80">&#x9876;&#x90E8;&#x89C6;&#x56FE;&#x5E03;&#x5C40;</h3>
<ul>
<li>&#x51C6;&#x5907;&#x9876;&#x90E8;&#x89C6;&#x56FE;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x5FAE;&#x535A; Cell &#x9876;&#x90E8;&#x89C6;&#x56FE;</span>
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">StatusCellTopView</span>: <span class="hljs-title">UIView</span> </span>{

    <span class="hljs-comment">/// &#x5FAE;&#x535A;&#x89C6;&#x56FE;&#x6A21;&#x578B;</span>
    <span class="hljs-keyword">var</span> viewModel: <span class="hljs-type">StatusViewModel</span>? {
        <span class="hljs-keyword">didSet</span> {

        }
    }

    <span class="hljs-keyword">override</span> <span class="hljs-keyword">init</span>(frame: <span class="hljs-type">CGRect</span>) {
        <span class="hljs-keyword">super</span>.<span class="hljs-keyword">init</span>(frame: frame)

        setupUI()
    }

    required <span class="hljs-keyword">init</span>?(coder aDecoder: <span class="hljs-type">NSCoder</span>) {
        fatalError(<span class="hljs-string">&quot;init(coder:) has not been implemented&quot;</span>)
    }

    <span class="hljs-comment">/// &#x8BBE;&#x7F6E;&#x754C;&#x9762;</span>
    private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">setupUI</span><span class="hljs-params">()</span> </span>{
        backgroundColor = <span class="hljs-type">UIColor</span>.orangeColor()
    }
}
</code></pre>
<ul>
<li>&#x5728; <code>StatusCell</code> &#x8BBE;&#x7F6E;&#x6570;&#x636E;&#xFF0C;&#x5C06;&#x89C6;&#x56FE;&#x6A21;&#x578B;&#x4F20;&#x9012;&#x7ED9;&#x9876;&#x90E8;&#x89C6;&#x56FE;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x5FAE;&#x535A;&#x89C6;&#x56FE;&#x6A21;&#x578B;</span>
<span class="hljs-keyword">var</span> viewModel: <span class="hljs-type">StatusViewModel</span>? {
    <span class="hljs-keyword">didSet</span> {
        topView.viewModel = viewModel
    }
}
</code></pre>
<ul>
<li>&#x61D2;&#x52A0;&#x8F7D;&#x63A7;&#x4EF6;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// MARK: - &#x61D2;&#x52A0;&#x8F7D;&#x63A7;&#x4EF6;</span>
<span class="hljs-comment">/// &#x7528;&#x6237;&#x5934;&#x50CF;</span>
private lazy <span class="hljs-keyword">var</span> iconView: <span class="hljs-type">UIImageView</span> = <span class="hljs-type">UIImageView</span>(image: <span class="hljs-type">UIImage</span>(named: <span class="hljs-string">&quot;avatar_default_big&quot;</span>))
<span class="hljs-comment">/// &#x59D3;&#x540D;&#x6807;&#x7B7E;</span>
private lazy <span class="hljs-keyword">var</span> nameLabel: <span class="hljs-type">UILabel</span> = <span class="hljs-type">UILabel</span>(title: <span class="hljs-string">&quot;&#x5927;&#x77F3;&#x5934;&quot;</span>, color: <span class="hljs-type">UIColor</span>.darkGrayColor(), fontSize: <span class="hljs-number">14</span>)
<span class="hljs-comment">/// &#x4F1A;&#x5458;&#x56FE;&#x6807;</span>
private lazy <span class="hljs-keyword">var</span> memberIcon: <span class="hljs-type">UIImageView</span> = <span class="hljs-type">UIImageView</span>(image: <span class="hljs-type">UIImage</span>(named: <span class="hljs-string">&quot;common_icon_membership_level1&quot;</span>))
<span class="hljs-comment">/// vip &#x56FE;&#x6807;</span>
private lazy <span class="hljs-keyword">var</span> vipIcon: <span class="hljs-type">UIImageView</span> =  <span class="hljs-type">UIImageView</span>(image: <span class="hljs-type">UIImage</span>(named: <span class="hljs-string">&quot;avatar_grassroot&quot;</span>))
<span class="hljs-comment">/// &#x65F6;&#x95F4;&#x6807;&#x7B7E;</span>
private lazy <span class="hljs-keyword">var</span> timeLabel: <span class="hljs-type">UILabel</span> = <span class="hljs-type">UILabel</span>(title: <span class="hljs-string">&quot;&#x521A;&#x521A;&quot;</span>, color: <span class="hljs-type">UIColor</span>.orangeColor(), fontSize: <span class="hljs-number">10</span>)
<span class="hljs-comment">/// &#x6765;&#x6E90;&#x6807;&#x7B7E;</span>
private lazy <span class="hljs-keyword">var</span> sourceLabel: <span class="hljs-type">UILabel</span> = <span class="hljs-type">UILabel</span>(title: <span class="hljs-string">&quot;&#x6765;&#x81EA; &#x65B0;&#x6D6A;&#x5FAE;&#x535A;&quot;</span>, color: <span class="hljs-type">UIColor</span>.darkGrayColor(), fontSize: <span class="hljs-number">10</span>)
</code></pre>
<ul>
<li>&#x5B9A;&#x4E49;&#x95F4;&#x8DDD;&#x5E38;&#x91CF;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x5FAE;&#x535A;&#x5E03;&#x5C40;&#x95F4;&#x8DDD;</span>
<span class="hljs-keyword">let</span> <span class="hljs-type">WBCellMargin</span>        = <span class="hljs-number">12</span>
<span class="hljs-comment">/// &#x5FAE;&#x535A;&#x5934;&#x50CF;&#x5BBD;&#x5EA6;</span>
<span class="hljs-keyword">let</span> <span class="hljs-type">WBCellIconWidth</span>     = <span class="hljs-number">35</span>
</code></pre>
<ul>
<li>&#x6DFB;&#x52A0;&#x63A7;&#x4EF6; &amp; &#x81EA;&#x52A8;&#x5E03;&#x5C40;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x8BBE;&#x7F6E;&#x754C;&#x9762;</span>
private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">setupUI</span><span class="hljs-params">()</span> </span>{
    backgroundColor = <span class="hljs-type">UIColor</span>.lightGrayColor()

    <span class="hljs-comment">// 1. &#x6DFB;&#x52A0;&#x63A7;&#x4EF6;</span>
    addSubview(iconView)
    addSubview(nameLabel)
    addSubview(memberIcon)
    addSubview(vipIcon)
    addSubview(timeLabel)
    addSubview(sourceLabel)

    <span class="hljs-comment">// 2. &#x81EA;&#x52A8;&#x5E03;&#x5C40;</span>
    iconView.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
        make.top.equalTo(snp_top).offset(<span class="hljs-type">WBCellMargin</span>)
        make.<span class="hljs-keyword">left</span>.equalTo(snp_left).offset(<span class="hljs-type">WBCellMargin</span>)
        make.width.equalTo(<span class="hljs-type">WBCellIconWidth</span>)
        make.height.equalTo(<span class="hljs-type">WBCellIconWidth</span>)
    }
    nameLabel.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
        make.top.equalTo(iconView.snp_top)
        make.<span class="hljs-keyword">left</span>.equalTo(iconView.snp_right).offset(<span class="hljs-type">WBCellMargin</span>)
    }
    memberIcon.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
        make.top.equalTo(nameLabel.snp_top)
        make.<span class="hljs-keyword">left</span>.equalTo(nameLabel.snp_right).offset(<span class="hljs-type">WBCellMargin</span>)
    }
    vipIcon.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
        make.centerX.equalTo(iconView.snp_right)
        make.centerY.equalTo(iconView.snp_bottom)
    }
    timeLabel.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
        make.bottom.equalTo(iconView.snp_bottom)
        make.<span class="hljs-keyword">left</span>.equalTo(iconView.snp_right).offset(<span class="hljs-type">WBCellMargin</span>)
    }
    sourceLabel.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
        make.bottom.equalTo(timeLabel.snp_bottom)
        make.<span class="hljs-keyword">left</span>.equalTo(timeLabel.snp_right).offset(<span class="hljs-type">WBCellMargin</span>)
    }
}
</code></pre>
<ul>
<li>&#x8BBE;&#x7F6E;&#x9876;&#x90E8;&#x89C6;&#x56FE;&#x6570;&#x636E;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x5FAE;&#x535A;&#x89C6;&#x56FE;&#x6A21;&#x578B;</span>
<span class="hljs-keyword">var</span> viewModel: <span class="hljs-type">StatusViewModel</span>? {
    <span class="hljs-keyword">didSet</span> {
        nameLabel.text = viewModel?.status.user?.screen_name

        <span class="hljs-comment">// TODO: - &#x8BBE;&#x7F6E;&#x6587;&#x5B57;&#x7EC6;&#x8282;</span>
        timeLabel.text = <span class="hljs-string">&quot;&#x5C31;&#x662F;&#x73B0;&#x5728;&quot;</span>
        sourceLabel.text = <span class="hljs-string">&quot;&#x6765;&#x81EA; i&#x5FAE;&#x535A;&quot;</span>
    }
}
</code></pre>
<h4 id="%E8%AE%BE%E7%BD%AE%E7%94%A8%E6%88%B7%E5%A4%B4%E5%83%8F">&#x8BBE;&#x7F6E;&#x7528;&#x6237;&#x5934;&#x50CF;</h4>
<ul>
<li>&#x5728; <code>StatusViewModel</code> &#x6A21;&#x578B;&#x4E2D;&#x6DFB;&#x52A0; <code>userProfileUrl</code> &#x5C5E;&#x6027;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x7528;&#x6237;&#x5934;&#x50CF; URL</span>
<span class="hljs-keyword">var</span> userProfileUrl: <span class="hljs-type">NSURL</span> {
    <span class="hljs-keyword">return</span> <span class="hljs-type">NSURL</span>(string: status.user?.profile_image_url ?? <span class="hljs-string">&quot;&quot;</span>)!
}
</code></pre>
<ul>
<li>&#x5728; <code>StatusCellTopView</code> &#x4E2D;&#x8BBE;&#x7F6E;&#x5934;&#x50CF;</li>
</ul>
<pre><code class="lang-swift">iconView.sd_setImageWithURL(viewModel?.userProfileUrl)
</code></pre>
<ul>
<li>&#x5728; <code>StatusViewModel</code> &#x6A21;&#x578B;&#x4E2D;&#x6DFB;&#x52A0; <code>userVipImage</code> &#x5C5E;&#x6027;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x7528;&#x6237;&#x8BA4;&#x8BC1;&#x56FE;&#x50CF;</span>
<span class="hljs-keyword">var</span> userVipImage: <span class="hljs-type">UIImage</span>? {
    <span class="hljs-keyword">switch</span> (status.user?.verified_type ?? -<span class="hljs-number">1</span>) {
    <span class="hljs-keyword">case</span> <span class="hljs-number">0</span>: <span class="hljs-keyword">return</span> <span class="hljs-type">UIImage</span>(named: <span class="hljs-string">&quot;avatar_vip&quot;</span>)
    <span class="hljs-keyword">case</span> <span class="hljs-number">2</span>, <span class="hljs-number">3</span>, <span class="hljs-number">5</span>: <span class="hljs-keyword">return</span> <span class="hljs-type">UIImage</span>(named: <span class="hljs-string">&quot;avatar_enterprise_vip&quot;</span>)
    <span class="hljs-keyword">case</span> <span class="hljs-number">220</span>: <span class="hljs-keyword">return</span> <span class="hljs-type">UIImage</span>(named: <span class="hljs-string">&quot;avatar_grassroot&quot;</span>)
    <span class="hljs-keyword">default</span>: <span class="hljs-keyword">return</span> <span class="hljs-built_in">nil</span>
    }
}
</code></pre>
<ul>
<li>&#x5728; <code>StatusCellTopView</code> &#x4E2D;&#x8BBE;&#x7F6E;&#x8BA4;&#x8BC1;&#x56FE;&#x50CF;</li>
</ul>
<pre><code class="lang-swift">vipIcon.image = viewModel?.userVipImage
</code></pre>
<ul>
<li>&#x5728; <code>StatusViewModel</code> &#x6A21;&#x578B;&#x4E2D;&#x6DFB;&#x52A0; <code>userMemberImage</code></li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x7528;&#x6237;&#x4F1A;&#x5458;&#x56FE;&#x50CF;</span>
<span class="hljs-keyword">var</span> userMemberImage: <span class="hljs-type">UIImage</span>? {
    <span class="hljs-keyword">if</span> status.user?.mbrank &gt; <span class="hljs-number">0</span> &amp;&amp; status.user?.mbrank &lt; <span class="hljs-number">7</span> {
        <span class="hljs-keyword">return</span> <span class="hljs-type">UIImage</span>(named: <span class="hljs-string">&quot;common_icon_membership_level<span class="hljs-subst">\(status.user!.mbrank)</span>&quot;</span>)
    }
    <span class="hljs-keyword">return</span> <span class="hljs-built_in">nil</span>
}
</code></pre>
<ul>
<li>&#x5728; <code>StatusCellTopView</code> &#x4E2D;&#x8BBE;&#x7F6E;&#x4F1A;&#x5458;&#x5934;&#x50CF;</li>
</ul>
<pre><code class="lang-swift">memberIcon.image = viewModel?.userMemberImage
</code></pre>
<ul>
<li>&#x79FB;&#x52A8;&#x5E38;&#x91CF;&#x5B9A;&#x4E49;&#x5230; <code>StatusCell</code></li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x5FAE;&#x535A;&#x5E03;&#x5C40;&#x95F4;&#x8DDD;</span>
<span class="hljs-keyword">let</span> <span class="hljs-type">WBCellMargin</span>: <span class="hljs-type">CGFloat</span>       = <span class="hljs-number">12</span>
<span class="hljs-comment">/// &#x5FAE;&#x535A;&#x5934;&#x50CF;&#x5BBD;&#x5EA6;</span>
<span class="hljs-keyword">let</span> <span class="hljs-type">WBCellIconWidth</span>: <span class="hljs-type">CGFloat</span>    = <span class="hljs-number">35</span>
</code></pre>
<ul>
<li>&#x4FEE;&#x6539;&#x9876;&#x90E8;&#x89C6;&#x56FE;&#x7EA6;&#x675F;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// 2. &#x81EA;&#x52A8;&#x5E03;&#x5C40;</span>
topView.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
    make.top.equalTo(contentView.snp_top)
    make.<span class="hljs-keyword">left</span>.equalTo(contentView.snp_left)
    make.<span class="hljs-keyword">right</span>.equalTo(contentView.snp_right)
    make.height.equalTo(<span class="hljs-type">WBCellMargin</span> + <span class="hljs-type">WBCellIconWidth</span>)
}
</code></pre>
<h4 id="%E9%98%B6%E6%AE%B5%E5%9E%8B%E5%B0%8F%E7%BB%93">&#x9636;&#x6BB5;&#x578B;&#x5C0F;&#x7ED3;</h4>
<ul>
<li>&#x4F7F;&#x7528; <code>&#x89C6;&#x56FE;&#x6A21;&#x578B;</code> &#x5C01;&#x88C5;&#x4E1A;&#x52A1;&#x903B;&#x8F91;&#x540E;&#xFF0C;&#x80FD;&#x591F;&#x7B80;&#x5316; <code>&#x89C6;&#x56FE;</code> &#x7684;&#x4EE3;&#x7801;&#x8C03;&#x7528;</li>
<li><code>UIImage(named: XXX)</code> &#x5EFA;&#x7ACB;&#x7684;&#x56FE;&#x50CF;&#x4F1A;&#x88AB;&#x7CFB;&#x7EDF;&#x7F13;&#x5B58;&#xFF0C;&#x7A0B;&#x5E8F;&#x5458;&#x65E0;&#x6CD5;&#x9500;&#x6BC1;&#xFF0C;&#x4F46;&#x662F;&#x975E;&#x5E38;&#x9002;&#x7528;&#x4E8E;&#x5C3A;&#x5BF8;&#x5C0F;&#xFF0C;&#x4F7F;&#x7528;&#x9891;&#x7E41;&#x7684;&#x56FE;&#x50CF;</li>
</ul>
<h3 id="%E6%AD%A3%E6%96%87%E6%96%87%E5%AD%97">&#x6B63;&#x6587;&#x6587;&#x5B57;</h3>
<ul>
<li>&#x6DFB;&#x52A0;&#x63A7;&#x4EF6;&#x5E76;&#x4E14;&#x8BBE;&#x7F6E;&#x6362;&#x884C;&#x5BBD;&#x5EA6;</li>
</ul>
<pre><code class="lang-swift">contentView.addSubview(contentLabel)
contentLabel.preferredMaxLayoutWidth = <span class="hljs-type">UIScreen</span>.mainScreen().bounds.width - <span class="hljs-number">2</span> * <span class="hljs-type">WBCellMargin</span>
</code></pre>
<ul>
<li>&#x81EA;&#x52A8;&#x5E03;&#x5C40;</li>
</ul>
<pre><code class="lang-swift">contentLabel.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
    make.top.equalTo(topView.snp_bottom).offset(<span class="hljs-type">WBCellMargin</span>)
    make.<span class="hljs-keyword">left</span>.equalTo(topView.snp_left).offset(<span class="hljs-type">WBCellMargin</span>)
}
</code></pre>
<ul>
<li>&#x6269;&#x5C55; <code>UILabel</code> &#x7684;&#x4FBF;&#x5229;&#x6784;&#x9020;&#x51FD;&#x6570;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x4FBF;&#x5229;&#x6784;&#x9020;&#x51FD;&#x6570;</span>
<span class="hljs-comment">///</span>
<span class="hljs-comment">/// - parameter title:          &#x5185;&#x5BB9;</span>
<span class="hljs-comment">/// - parameter color:          &#x989C;&#x8272;</span>
<span class="hljs-comment">/// - parameter fontSize:       &#x5B57;&#x4F53;&#x5927;&#x5C0F;</span>
<span class="hljs-comment">/// - parameter layoutWidth:    &#x6362;&#x884C;&#x5BBD;&#x5EA6;&#xFF0C;&#x9ED8;&#x8BA4;&#x4E3A;0</span>
<span class="hljs-comment">///</span>
<span class="hljs-comment">/// - returns: UILabel</span>
<span class="hljs-comment">/// &#x5982;&#x679C;&#x6307;&#x5B9A;&#x4E86; layoutWidth&#xFF0C;&#x6587;&#x672C;&#x5DE6;&#x5BF9;&#x9F50;&#xFF0C;&#x5426;&#x5219;&#x6587;&#x672C;&#x5C45;&#x4E2D;&#x5BF9;&#x9F50;</span>
convenience <span class="hljs-keyword">init</span>(title: <span class="hljs-type">String</span>, color: <span class="hljs-type">UIColor</span>, fontSize: <span class="hljs-type">CGFloat</span>, layoutWidth: <span class="hljs-type">CGFloat</span> = <span class="hljs-number">0</span>) {
    <span class="hljs-keyword">self</span>.<span class="hljs-keyword">init</span>()

    text = title
    textColor = color
    font = <span class="hljs-type">UIFont</span>.systemFontOfSize(fontSize)
    numberOfLines = <span class="hljs-number">0</span>

    <span class="hljs-keyword">if</span> layoutWidth &gt; <span class="hljs-number">0</span> {
        preferredMaxLayoutWidth = layoutWidth
        textAlignment = .<span class="hljs-type">Left</span>
    } <span class="hljs-keyword">else</span> {
        textAlignment = .<span class="hljs-type">Center</span>
    }

    sizeToFit()
}
</code></pre>
<ul>
<li>&#x4FEE;&#x6539; <code>contentLabel</code> &#x7684;&#x61D2;&#x52A0;&#x8F7D;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x5FAE;&#x535A;&#x6587;&#x5B57;</span>
private lazy <span class="hljs-keyword">var</span> contentLabel: <span class="hljs-type">UILabel</span> = <span class="hljs-type">UILabel</span>(title: <span class="hljs-string">&quot;&#x5FAE;&#x535A;&#x6587;&#x5B57;&quot;</span>,
    color: <span class="hljs-type">UIColor</span>.darkGrayColor(),
    fontSize: <span class="hljs-number">15</span>,
    layoutWidth: <span class="hljs-type">UIScreen</span>.mainScreen().bounds.width - <span class="hljs-number">2</span> * <span class="hljs-type">WBCellMargin</span>)
</code></pre>
<h4 id="%E9%98%B6%E6%AE%B5%E6%80%A7%E5%B0%8F%E7%BB%93">&#x9636;&#x6BB5;&#x6027;&#x5C0F;&#x7ED3;</h4>
<ul>
<li>&#x5728;&#x81EA;&#x52A8;&#x5E03;&#x5C40;&#x4E2D;&#xFF0C;&#x5982;&#x679C;&#x8981;&#x8BA9; <code>label</code> &#x81EA;&#x52A8;&#x6362;&#x884C;&#xFF0C;&#x5FC5;&#x987B;&#x8981;&#x6307;&#x5B9A; <code>preferredMaxLayoutWidth</code>&#xFF0C;&#x5355;&#x7EAF;&#x4F7F;&#x7528; <code>&#x5DE6;&#x53F3;&#x7EA6;&#x675F;</code>&#xFF0C;&#x81EA;&#x52A8;&#x5E03;&#x5C40;&#x7684;&#x65F6;&#x5019;&#x4F1A;&#x6709;&#x8BA1;&#x7B97;&#x9519;&#x8BEF;</li>
</ul>
<h3 id="%E5%BA%95%E9%83%A8%E8%A7%86%E5%9B%BE">&#x5E95;&#x90E8;&#x89C6;&#x56FE;</h3>
<ul>
<li>&#x6DFB;&#x52A0;&#x5E95;&#x90E8;&#x89C6;&#x56FE;</li>
</ul>
<pre><code class="lang-swift">contentView.addSubview(bottomView)
</code></pre>
<ul>
<li>&#x81EA;&#x52A8;&#x5E03;&#x5C40;</li>
</ul>
<pre><code class="lang-swift">bottomView.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
    make.top.equalTo(contentLabel.snp_bottom).offset(<span class="hljs-type">WBCellMargin</span>)
    make.<span class="hljs-keyword">left</span>.equalTo(contentView.snp_left)
    make.<span class="hljs-keyword">right</span>.equalTo(contentView.snp_right)
    make.height.equalTo(<span class="hljs-number">44</span>)
}
</code></pre>
<ul>
<li><code>UIButton</code> extension</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x4FBF;&#x5229;&#x6784;&#x9020;&#x51FD;&#x6570;</span>
<span class="hljs-comment">///</span>
<span class="hljs-comment">/// - parameter title:         title</span>
<span class="hljs-comment">/// - parameter fontSize:      fontSize</span>
<span class="hljs-comment">/// - parameter color:         color</span>
<span class="hljs-comment">/// - parameter imageName:     &#x56FE;&#x50CF;&#x540D;&#x79F0;</span>
<span class="hljs-comment">///</span>
<span class="hljs-comment">/// - returns: UIButton</span>
convenience <span class="hljs-keyword">init</span>(title: <span class="hljs-type">String</span>, fontSize: <span class="hljs-type">CGFloat</span>, color: <span class="hljs-type">UIColor</span>, imageName: <span class="hljs-type">String</span>) {
    <span class="hljs-keyword">self</span>.<span class="hljs-keyword">init</span>()

    setTitle(title, forState: .<span class="hljs-type">Normal</span>)
    setImage(<span class="hljs-type">UIImage</span>(named: imageName), forState: .<span class="hljs-type">Normal</span>)
    setTitleColor(color, forState: .<span class="hljs-type">Normal</span>)

    titleLabel?.font = <span class="hljs-type">UIFont</span>.systemFontOfSize(fontSize)
}
</code></pre>
<ul>
<li>&#x61D2;&#x52A0;&#x8F7D;&#x63A7;&#x4EF6;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// MARK: - &#x61D2;&#x52A0;&#x8F7D;&#x63A7;&#x4EF6;</span>
<span class="hljs-comment">/// &#x8F6C;&#x53D1;&#x6309;&#x94AE;</span>
private lazy <span class="hljs-keyword">var</span> forwardButton: <span class="hljs-type">UIButton</span> = <span class="hljs-type">UIButton</span>(title: <span class="hljs-string">&quot;&#x8F6C;&#x53D1;&quot;</span>,
    fontSize: <span class="hljs-number">12</span>,
    color: <span class="hljs-type">UIColor</span>.darkGrayColor(),
    imageName: <span class="hljs-string">&quot;timeline_icon_retweet&quot;</span>)
<span class="hljs-comment">/// &#x8BC4;&#x8BBA;&#x6309;&#x94AE;</span>
private lazy <span class="hljs-keyword">var</span> commonButton: <span class="hljs-type">UIButton</span> = <span class="hljs-type">UIButton</span>(title: <span class="hljs-string">&quot;&#x8BC4;&#x8BBA;&quot;</span>,
    fontSize: <span class="hljs-number">12</span>,
    color: <span class="hljs-type">UIColor</span>.darkGrayColor(),
    imageName: <span class="hljs-string">&quot;timeline_icon_comment&quot;</span>)
<span class="hljs-comment">/// &#x70B9;&#x8D5E;&#x6309;&#x94AE;</span>
private lazy <span class="hljs-keyword">var</span> likeButton: <span class="hljs-type">UIButton</span> = <span class="hljs-type">UIButton</span>(title: <span class="hljs-string">&quot;&#x8D5E;&quot;</span>,
    fontSize: <span class="hljs-number">12</span>,
    color: <span class="hljs-type">UIColor</span>.darkGrayColor(),
    imageName: <span class="hljs-string">&quot;timeline_icon_unlike&quot;</span>)
</code></pre>
<ul>
<li>&#x8BBE;&#x7F6E;&#x754C;&#x9762;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x8BBE;&#x7F6E;&#x754C;&#x9762;</span>
private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">setupUI</span><span class="hljs-params">()</span> </span>{
    <span class="hljs-comment">// 0. &#x80CC;&#x666F;&#x989C;&#x8272;</span>
    backgroundColor = <span class="hljs-type">UIColor</span>(white: <span class="hljs-number">0.95</span>, alpha: <span class="hljs-number">1.0</span>)

    <span class="hljs-comment">// 1. &#x6DFB;&#x52A0;&#x63A7;&#x4EF6;</span>
    addSubview(forwardButton)
    addSubview(commonButton)
    addSubview(likeButton)

    <span class="hljs-comment">// 2. &#x81EA;&#x52A8;&#x5E03;&#x5C40;</span>
    forwardButton.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
        make.<span class="hljs-keyword">left</span>.equalTo(snp_left)
        make.top.equalTo(snp_top)
        make.bottom.equalTo(snp_bottom)
    }
    commonButton.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
        make.<span class="hljs-keyword">left</span>.equalTo(forwardButton.snp_right)
        make.top.equalTo(forwardButton.snp_top)
        make.bottom.equalTo(forwardButton.snp_bottom)
        make.width.equalTo(forwardButton.snp_width)
    }
    likeButton.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
        make.<span class="hljs-keyword">left</span>.equalTo(commonButton.snp_right)
        make.top.equalTo(commonButton.snp_top)
        make.bottom.equalTo(commonButton.snp_bottom)
        make.width.equalTo(commonButton.snp_width)
        make.<span class="hljs-keyword">right</span>.equalTo(snp_right)
    }
}
</code></pre>
<h4 id="%E5%88%86%E5%89%B2%E7%BA%BF">&#x5206;&#x5272;&#x7EBF;</h4>
<ul>
<li>&#x65B0;&#x589E;&#x51FD;&#x6570;&#x521B;&#x5EFA;&#x5206;&#x5272;&#x7EBF;&#x89C6;&#x56FE;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x5206;&#x9694;&#x7EBF;&#x89C6;&#x56FE;</span>
private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">sepView</span><span class="hljs-params">()</span> -&gt; <span class="hljs-title">UIView</span> </span>{
    <span class="hljs-keyword">let</span> v = <span class="hljs-type">UIView</span>()
    v.backgroundColor = <span class="hljs-type">UIColor</span>.darkGrayColor()

    <span class="hljs-keyword">return</span> v
}
</code></pre>
<ul>
<li>&#x6DFB;&#x52A0;&#x5206;&#x5272;&#x7EBF;&#x89C6;&#x56FE;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// &#x5206;&#x5272;&#x7EBF;</span>
<span class="hljs-keyword">let</span> sep1 = sepView()
addSubview(sep1)
<span class="hljs-keyword">let</span> sep2 = sepView()
addSubview(sep2)
</code></pre>
<ul>
<li>&#x5206;&#x5272;&#x7EBF;&#x81EA;&#x52A8;&#x89C6;&#x56FE;</li>
</ul>
<pre><code class="lang-swift">sep1.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
    make.<span class="hljs-keyword">left</span>.equalTo(forwardButton.snp_right)
    make.width.equalTo(<span class="hljs-number">0.5</span>)
    make.height.equalTo(snp_height).multipliedBy(<span class="hljs-number">0.6</span>)
    make.centerY.equalTo(snp_centerY)
}
sep2.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
    make.<span class="hljs-keyword">left</span>.equalTo(commonButton.snp_right)
    make.width.equalTo(sep1.snp_width)
    make.height.equalTo(sep1.snp_height)
    make.centerY.equalTo(snp_centerY)
}
</code></pre>
<h3 id="%E8%AE%BE%E7%BD%AE%E8%A1%8C%E9%AB%98">&#x8BBE;&#x7F6E;&#x884C;&#x9AD8;</h3>
<ul>
<li>&#x5728; <code>HomeTableViewController</code> &#x4E2D;&#x8BBE;&#x7F6E;&#x884C;&#x9AD8;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x51C6;&#x5907;&#x8868;&#x683C;</span>
private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">prepareTableView</span><span class="hljs-params">()</span> </span>{
    tableView.registerClass(<span class="hljs-type">StatusCell</span>.<span class="hljs-keyword">self</span>, forCellReuseIdentifier: <span class="hljs-type">WBStatusNormalCellID</span>)
    <span class="hljs-comment">// &#x9884;&#x4F30;&#x884C;&#x9AD8;</span>
    tableView.estimatedRowHeight = <span class="hljs-number">300</span>
    <span class="hljs-comment">// &#x81EA;&#x52A8;&#x8BA1;&#x7B97;&#x884C;&#x9AD8;</span>
    tableView.rowHeight = <span class="hljs-type">UITableViewAutomaticDimension</span>
}
</code></pre>
<ul>
<li>&#x8BBE;&#x7F6E;&#x5E95;&#x90E8;&#x89C6;&#x56FE;&#x7684;&#x5411;&#x4E0B;&#x7EA6;&#x675F;</li>
</ul>
<pre><code class="lang-swift">bottomView.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
    make.top.equalTo(contentLabel.snp_bottom).offset(<span class="hljs-type">WBCellMargin</span>)
    make.<span class="hljs-keyword">left</span>.equalTo(contentView.snp_left)
    make.<span class="hljs-keyword">right</span>.equalTo(contentView.snp_right)
    make.height.equalTo(<span class="hljs-number">44</span>)
    make.bottom.equalTo(contentView.snp_bottom)
}
</code></pre>
<h4 id="%E9%98%B6%E6%AE%B5%E6%80%A7%E5%B0%8F%E7%BB%93">&#x9636;&#x6BB5;&#x6027;&#x5C0F;&#x7ED3;</h4>
<ul>
<li>&#x4F7F;&#x7528;&#x81EA;&#x52A8;&#x8BA1;&#x7B97;&#x884C;&#x9AD8;&#x9700;&#x8981;&#x4FDD;&#x8BC1;&#x4E24;&#x70B9;<ul>
<li>&#x8BBE;&#x7F6E;&#x9884;&#x4F30;&#x884C;&#x9AD8; <code>tableView.estimatedRowHeight = 300</code></li>
<li>&#x6709;&#x4E00;&#x4E2A;&#x81EA;&#x4E0A;&#x800C;&#x4E0B;&#x5E03;&#x5C40;&#x7684;&#x63A7;&#x4EF6;&#xFF0C;&#x8BBE;&#x7F6E;&#x4E86;&#x5E95;&#x90E8;&#x7EA6;&#x675F;</li>
</ul>
</li>
</ul>
<h3 id="%E5%85%B6%E4%BB%96%E7%BB%86%E8%8A%82">&#x5176;&#x4ED6;&#x7EC6;&#x8282;</h3>
<ul>
<li>&#x53D6;&#x6D88;&#x5206;&#x9694;&#x7EBF;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// &#x53D6;&#x6D88;&#x5206;&#x9694;&#x7EBF;</span>
tableView.separatorStyle = .<span class="hljs-type">None</span>
</code></pre>
<ul>
<li>&#x589E;&#x52A0; cell &#x5206;&#x9694;&#x89C6;&#x56FE;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// 1. &#x6DFB;&#x52A0;&#x63A7;&#x4EF6;</span>
<span class="hljs-keyword">let</span> sepView = <span class="hljs-type">UIView</span>()
sepView.backgroundColor = <span class="hljs-type">UIColor</span>(white: <span class="hljs-number">0.8</span>, alpha: <span class="hljs-number">1.0</span>)
addSubview(sepView)
</code></pre>
<ul>
<li>&#x4FEE;&#x6539;&#x81EA;&#x52A8;&#x5E03;&#x5C40;</li>
</ul>
<pre><code class="lang-swift">sepView.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
    make.top.equalTo(snp_top)
    make.<span class="hljs-keyword">left</span>.equalTo(snp_left)
    make.<span class="hljs-keyword">right</span>.equalTo(snp_right)
    make.height.equalTo(<span class="hljs-type">WBCellMargin</span>)
}
iconView.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
    make.top.equalTo(sepView.snp_bottom).offset(<span class="hljs-type">WBCellMargin</span>)
    make.<span class="hljs-keyword">left</span>.equalTo(snp_left).offset(<span class="hljs-type">WBCellMargin</span>)
    make.width.equalTo(<span class="hljs-type">WBCellIconWidth</span>)
    make.height.equalTo(<span class="hljs-type">WBCellIconWidth</span>)
}
</code></pre>
<ul>
<li>&#x4FEE;&#x6539;&#x9876;&#x90E8;&#x89C6;&#x56FE;&#x9AD8;&#x5EA6;</li>
</ul>
<pre><code class="lang-swift">topView.snp_makeConstraints { (make) -&gt; <span class="hljs-type">Void</span> <span class="hljs-keyword">in</span>
    make.top.equalTo(contentView.snp_top)
    make.<span class="hljs-keyword">left</span>.equalTo(contentView.snp_left)
    make.<span class="hljs-keyword">right</span>.equalTo(contentView.snp_right)
    make.height.equalTo(<span class="hljs-number">2</span> * <span class="hljs-type">WBCellMargin</span> + <span class="hljs-type">WBCellIconWidth</span>)
}
</code></pre>

                    
                    </section>
                
                
                </div>
            </div>
        </div>

        
        <a href="../homepage/status view model.html" class="navigation navigation-prev " aria-label="Previous page: 微博视图模型"><i class="fa fa-angle-left"></i></a>
        
        
        <a href="../homepage/prepare for pictureview.html" class="navigation navigation-next " aria-label="Next page: 配图视图准备"><i class="fa fa-angle-right"></i></a>
        
    </div>
</div>

        
<script src="../gitbook/app.js"></script>

<script>
require(["gitbook"], function(gitbook) {
    var config = {"fontSettings":{"theme":null,"family":"sans","size":2}};
    gitbook.start(config);
});
</script>

        
    </body>
    
</html>
